<template>
  <span v-show="item.role === 'user' && item.role !== 'tip'">
    <div :key="index.id" v-for="(text, index) in item.texts" v-html="text">
      <!-- {{ text }} -->
    </div>
  </span>
</template>

<script>
export default {
  props: ['item'],
};
</script>

<style lang="less" scoped></style>